<template>
    <div class="mail-info">
        <h2 class="mb10">邮寄信息</h2>
        <Form ref="queryMailForm" :model="queryMailForm" :label-width="100">
            <Row>
                <Col span="12">
                    <FormItem label="运单编号" prop="postNo">
                        <Input v-model="queryMailForm.postNo"  placeholder=""  class="inline-block w200" :disabled="isDisabled"/>
                    </FormItem>
                </Col>
                 <Col span="12">
                    <FormItem label="邮寄人" prop="pUserId">
                        <Input v-model="queryMailForm.pUserId"  placeholder="" class="w200" :disabled="isDisabled"/>
                    </FormItem>
              </Col>
          </Row>
          <Row>
            <Col span="12">
                <FormItem label="邮寄时间" prop="pDate">
                    <DatePicker type="date" placeholder="" v-model="queryMailForm.pDate" :disabled="isDisabled" class="w200"></DatePicker>
                </FormItem>
            </Col>
            <Col span="12">
                <FormItem label="备注" prop="memo">
                    <Input v-model="queryMailForm.memo"  placeholder="" type="textarea"  class="w200" :disabled="isDisabled"/>
                </FormItem>
            </Col>
         </Row>
        </Form>
    </div>
</template>
<script>
    export default {
        data(){
           return {
            isDisabled:true,
            queryMailForm:{
                postNo:"",
                pUserId:"",
                pDate:"",
                memo:"",
            },
           }
        },
        props:{
            formPage:{
                type:String
            },
            mailInfoDeatil:{
                type:Object
            }
        },
        watch:{
            mailInfoDeatil(val){
                if(Object.keys(val).length>0){
                    console.log(val,"val")
                    this.queryMailForm=val;
                }
            }
        },
        mounted(){
          
        },
        methods:{
 
        }
    }
</script>
<style scoped>
    .mail-info>h2{
        font-size: 16px;
        color: #515a6e;
        border-bottom: 1px solid rgb(228, 228, 228);
        padding-bottom: 10px;
    }
    /* .mail-info>>>.ivu-col-span-12{
        position: relative;
        min-height: 52px;
    }
    .mail-info>>>.ivu-form-item{
        position: absolute; 
        left: 50%;
        transform: translateX(-50%); 
        left: 36px;
    }
    .mail-info>>>.ivu-form-item-content{
         display:inline-block;
    } */
</style>